<template>
  <div class="Home">
    <MultipleChoice :data="list"></MultipleChoice>
    <MultipleChoiceSearch :data="list"></MultipleChoiceSearch>
    <MultipleChoiceShuttleBox :data="list"></MultipleChoiceShuttleBox>
  </div>
</template>

<script>
import MultipleChoice from "@/components/MultipleChoice";
import MultipleChoiceSearch from "@/components/MultipleChoiceSearch";
import MultipleChoiceShuttleBox from "@/components/MultipleChoiceShuttleBox";
export default {
  name: "Home",
  components: {
    MultipleChoice,
    MultipleChoiceSearch,
    MultipleChoiceShuttleBox,
  },
  data() {
    return {
      list: [
        {
          id: 1,
          value: "1#锅炉给煤机",
        },
        {
          id: 2,
          value: "2#锅炉给煤机1#锅炉给煤机1#锅炉给煤机",
        },
        {
          id: 3,
          value: "3#锅炉给煤机",
        },
        {
          id: 4,
          value: "2#锅炉给煤机",
        },
        {
          id: 5,
          value: "2#锅炉给煤机",
        },
        {
          id: 6,
          value: "2#锅炉给煤机",
        },
        {
          id: 7,
          value: "3#锅炉给煤机",
        },
        {
          id: 8,
          value: "1#锅炉给煤机",
        },
        {
          id: 9,
          value: "1#锅炉给煤机",
        },
        {
          id: 10,
          value: "1#锅炉给煤机",
        },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.Home {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
</style>
